<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Welcome MyBlog Manage Dashbroad</title>
<link rel="stylesheet" type="text/css" href="{{ asset('assets/backend/css/login-style.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ asset('assets/backend/css/animate.css') }}" />
<script type="text/javascript" src="{{ asset('assets/backend/js/login.js') }}"></script>
<script type="text/javascript" src="{{ asset('assets/backend/js/jquery-1.10.2.js') }}"></script>
</head>
<body class="login-page">
	<canvas id="christmasCanvas"
		style="top: 0px; left: 0px; z-index: 5000; position: fixed; pointer-events: none;"
		width="1285" height="100%"></canvas>
	<section class="login-contain">
		<header>
			<h1>后台管理系统</h1>
			<p>management system</p>
		</header>
		<div class="form-content">
		{!! Form::open(array('method' => 'POST', 'url' => '/backend/login')) !!}
			<ul>
				<li>
					<div class="form-group">
						{!! Form::label('name', '管理员账号', array('class' => 'control-label')) !!}
						{!! Form::text('name', null, array('placeholder' => '管理员账号...', 'class' => 'form-control form-underlined')) !!}
					</div>
				</li>
				<li>
					<div class="form-group">
						{!! Form::label('password', '管理员密码', array('class' => 'control-label')) !!}
						{!! Form::password('password', array('placeholder' => '管理员密码...', 'class' => 'form-control form-underlined')) !!}
					</div>
				</li>
				@if (Session::has('msg'))
				<li>
					<div class="form-group">
						{{ Session::get('msg') }}
					</div>
				</li>
				@elseif ($errors->any())
				<li>
					<div class="form-group">
						{{ $errors->first() }}
					</div>
				</li>
				@endif
				<br />
				<li>
					<button class="btn btn-lg btn-block" id="entry">立即登录</button>
				</li>
				<li>
					<p class="btm-info">©Copyright 2016-2020 <a href="#" target="_blank" title="DeathGhost">Stusay.com</a></p>
				</li>
			</ul>
		{!! Form::close() !!}
		</div>
	</section>
	<script type="text/javascript">
		var snow = function() {
			$("body").append('<canvas id="christmasCanvas" style="top: 0px; left: 0px; z-index: 5000; position: fixed; pointer-events: none;"></canvas>');
				var b = document.getElementById("christmasCanvas"), a = b.getContext("2d"), d = window.innerWidth, c = window.innerHeight;
				b.width = d;
				b.height = c;
				for(var e = [], b = 0;b < 100;b++) {
					e.push({x:Math.random() * d, y:Math.random() * c, r:Math.random() * 4 + 1, d:Math.random() * 100})
				}
				var h = 0;
				window.intervral4Christmas = setInterval(function() {
					a.clearRect(0, 0, d, c);
					a.fillStyle = "rgba(255, 255, 255, 0.6)";
					a.shadowBlur = 5;
					a.shadowColor = "rgba(255, 255, 255, 0.9)";
					a.beginPath();
					for(var b = 0;b < 100;b++) {
						var f = e[b];
						a.moveTo(f.x, f.y);
						a.arc(f.x, f.y, f.r, 0, Math.PI * 2, !0)
					}
					a.fill();
					h += 0.01;
					for(b = 0;b < 100;b++) {
						if(f = e[b], f.y += Math.cos(h + f.d) + 1 + f.r / 2, f.x += Math.sin(h) * 2, f.x > d + 5 || f.x < -5 || f.y > c) {
						e[b] = b % 3 > 0 ? {x:Math.random() * d, y:-10, r:f.r, d:f.d} : Math.sin(h) > 0 ? {x:-5, y:Math.random() * c, r:f.r, d:f.d} : {x:d + 5, y:Math.random() * c, r:f.r, d:f.d}
					}
				}
			}, 70)
		}
		snow();
	</script>
</body>
</html>

